<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>生发日记</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/hairDairy.css">
    <meta name="author" content="Ste Brennan - Code Computerlove - http://www.codecomputerlove.com/" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link href="../css/photoswipe.css" type="text/css" rel="stylesheet" />
    <!--<link href="../css/styles.css" type="text/css" rel="stylesheet" />-->
    <script type="text/javascript" src="../ExternalJs/klass.min.js"></script>
    <script type="text/javascript" src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script src="../js/conmon.js"></script>
</head>
<body>
<header>
    <img src="../images/back.png">
    <p>生发日记</p>
    <img src="../images/writeDairyIcon.png">
</header>
<section class="dairyInfoGroup">
    <span>咨询编号：20163383833</span>
    <a href="#">
        <span></span>
        <img src="../images/diaryDoctor.png">
    </a>
</section>
<section id="mainPart" >
    <section class="dairyDetailGroup" v-for="item in items">
        <section>
            <span>{{item.create_time}}</span>
            <p>
                <img src="../images/praiseIcon.png">
                <span>{{item.more_agree}}</span>
            </p>
        </section>
        <section class="imgGroup num_1" v-if="item.content_image.length=='1'">
            <p>{{item.content_image}}</p>
        </section>
        <section class="imgGroup num_2" v-if="item.content_image.length=='2'">
            <p>{{item.content_image}}</p>
        </section>
        <section class="imgGroup num_3" v-if="item.content_image.length=='3'">
            <p>{{item.content_image}}</p>
        </section>
        <section class="imgGroup num_3" v-if="item.content_image.length>'3'">
            <p>{{item.content_image}}</p>
        </section>
        <section>
            <p>{{item.content}}</p>
        </section>
    </section>
</section>

<script src="../ExternalJs/jquery.md5.js"></script>
<script src="../ExternalJs/vue.js"></script>

<script src="../js/conmon.js"></script>
<script src="../js/hairDairy.js"></script>
<script type="text/javascript" src="../ExternalJs/code.photoswipe-3.0.5.min.js"></script>
<script type="text/javascript">
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery0 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery1 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery2 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery3 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery4 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery5 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery6 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery7 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery8 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
    (function(window, $, PhotoSwipe){
        $(document).ready(function(){
            var options = {};
            $('#Gallery9 a').photoSwipe(options);
        });
    }(window, window.jQuery, window.Code.PhotoSwipe));
</script>
</body>
</html>